<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">
	<title>ORISPER-MALL</title>
	<link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"  type="text/css">
    <link rel="stylesheet" href="fonts/font-slider.css" type="text/css">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/common.js"></script>
    <script src="js/category.js"></script>
</head>
<body>
	<!--Top-->
	<div id='head'></div>
	<!--//////////////////////////////////////////////////-->
	<!--///////////////////Category Page//////////////////-->
	<!--//////////////////////////////////////////////////-->
	<div id="page-content" class="single-page">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul class="breadcrumb">
						<li><a href="index.html">Home</a></li>
						<li><a href="category.html">Products</a></li>
					</ul>
				</div>
			</div>
			<div id="sidebar" class="col-lg-3">
					<!--<div class="widget wid-categories">
						<div class="heading"><h4>CATEGORIES</h4></div>
						<div class="content">
							<ul>
								<li><a href="#">METAL MACHINERY</a></li>
								<li><a href="#">PACKAGING MACHINERY</a></li>
								<li><a href="#">OTHER MACHINERY</a></li>
							</ul>
						</div>
					</div>-->
					<div class="widget wid-type">
						<div class="heading"><h4>CATEGORIES</h4></div>
						<div  class="content">
							<select id="catalogies">
								
							</select>
						</div>
					</div>
					<div class="widget wid-discouts">
						<div class="heading"><h4>TYPES</h4></div>
						<div id="types" class="content">
							<!--<label class="checkbox"><input type="checkbox" name="discount" checked="">Upto - 10% (20)</label>
							<label class="checkbox"><input type="checkbox" name="discount">40% - 50% (5)</label>
							<label class="checkbox"><input type="checkbox" name="discount">30% - 20% (7)</label>
							<label class="checkbox"><input type="checkbox" name="discount">10% - 5% (2)</label>
							<label class="checkbox"><input type="checkbox" name="discount">Other(50)</label>-->
						</div>
					</div>
					<!--<div class="widget wid-brand">
						<div class="heading"><h4>BRAND</h4></div>
						<div class="content">
							<label class="checkbox"><input type="checkbox" name="brand">Nokia</label>
							<label class="checkbox"><input type="checkbox" name="brand">Samsung</label>
							<label class="checkbox"><input type="checkbox" name="brand">Iphone</label>
							<label class="checkbox"><input type="checkbox" name="brand">HTC</label>
							<label class="checkbox"><input type="checkbox" name="brand">Oppo</label>
							<label class="checkbox"><input type="checkbox" name="brand">Kings</label>
							<label class="checkbox"><input type="checkbox" name="brand">Zumba</label>	
						</div>
					</div>-->
					
			</div>
			<div class="row">
				<div id="main-content" class="col-md-8">
					<div class="row">
						<div class="col-md-12">
							<div class="products">
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div id="prod1" class="product">
										<div class="image">
											<a id="aUrl1" href="product.html">
												<img id="mainUrl1" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName1" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price1" class="price">
												
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div id="prod2" class="product">
										<div class="image">
											<a id="aUrl2" href="product.html">
												<img id="mainUrl2" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName2" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price2" class="price">
												
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div id="prod3" class="product">
										<div class="image">
											<a id="aUrl3" href="product.html">
												<img id="mainUrl3" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName3" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price3" class="price">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-12">
							<div class="products">
								<div class="col-lg-4 col-md-4 col-xs-12">
								    <div id="prod4" class="product">
										<div class="image">
											<a id="aUrl4" href="product.html">
												<img id="mainUrl4" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName4" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price4" class="price">
												
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div id="prod5" class="product">
										<div class="image">
											<a id="aUrl5" href="product.html">
												<img id="mainUrl5" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName5" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price5" class="price">
												
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div id="prod6" class="product">
										<div class="image">
											<a id="aUrl6" href="product.html">
												<img id="mainUrl6" src="images/loading.gif" />
											</a>
										</div>
										<div class="buttons">
											<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name">
												<h3>
													<a id="prodName6" href="product.html">
														
													</a>
												</h3>
											</div>
											<div id="price6" class="price">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				
					<div class="row text-center">
						<ul class="pagination">
						  <li class="active"><a href="#">1</a></li>
						  <li><a href="#">2</a></li>
						  <li><a href="#">3</a></li>
						  <li><a href="#">4</a></li>
						  <li><a href="#">5</a></li>
						</ul>
					</div>
				</div>
			
			
			</div>
		</div>
	</div>	
	<footer>
		 <div id='foot'></div>
	</footer>
</body>
</html>
